/**
 * Copyright 2019 Mashiro
 * @description site content
 * @author Mashiro
 * @license MIT
 */

.page-content {
    position: relative;
    background: white;
    display: -webkit-flex;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    padding-bottom: 30px; // the footer wave height

    .main-center {
        margin: 0;
        height: 100%;
        width: $tablet-min-width;
        max-width: 100%;

        .markdown {
            padding: 0 10px;
        }
    }

    .side-bar-left {
        width: 100px;
    }

    .side-bar-right {
        width: 100px;
    }

    @media screen and (max-width: $desktop-min-width) {
        justify-content: center;

        .side-bar-left,
        .side-bar-right {
            display: none;
        }
    }
}